<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?= engine_get("xmlns") ?>>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<title>login</title>
		<link rel="icon" href='<?= PUBLIC_THEME."icon.ico" ?>' />
		<link rel="stylesheet" href="<?= PUBLIC_THEME."root.css" ?>" type="text/css" media="screen" />
        <link rel="stylesheet" href="http://central.onedotonly.be/style/form/form.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="http://central.onedotonly.be/style/control.room/control.css" type="text/css" media="screen" />
        
        <script src="http://central.onedotonly.be/js/prototype.beta.js" type="text/javascript"></script>
        <script src="http://central.onedotonly.be/js/scr.l/scriptaculous.js?load=effects" type="text/javascript"></script>
        <script src="http://central.onedotonly.be/ajax.js" type="text/javascript"></script>
        <script src="http://central.onedotonly.be/js/xhttp.js" type="text/javascript"></script>
       
        <script type='text/javascript'>
			var init = {
					url			: '<?= engine_get('url'); ?>'
			}
		</script>
	</head>
	<body id='body'>
    
    
    <table class='login holder' cellspacing='0' cellpadding='0'>
    	<tr><td valign='top'>
        <img src='http://central.onedotonly.be/style/control.room/img/slot.png' style='width:80px; margin:5px;' alt="engine login" />
        </td><td>
		<?
		
		$MOD = new MOD( array( 'mod'=>'text.basic', 'class'=>"pearl" ));
		
		$body = "<form id='log.form' style='width:372px; margin:12px auto' onsubmit='return false;'>
		<div style='float:left;'>&nbsp;username<br /><input id='log.user' type='text' style='margin:2px 8px 0 0;' /></div>
		<div>&nbsp;password<br /><input id='log.pass' type='password' style='margin:2px;' /></div>
		<input id='log.btn' type='submit' style='width:370px; color:#777;' value='enter' />
		</form>";
		
		echo $MOD->parse( $body );
		
		?>
        </td></tr>
    </table>

	<script type='text/javascript'>
		$('log.btn').observe('click', function(e){
			xhttp.send('control.authenticate.php', {trg:'log.form',user:$('log.user').value, pass:$('log.pass').value} );
		});
	</script>




	</body>
</html>